<!DOCTYPE html>
{include file='head_hooks.html'}

<head>
  <title>Banco de imágenes Infuetur</title>

  {include file='head_scripts.html'}


    <link href="assets/js/libs/fine-uploader/fileuploader.css" rel="stylesheet" type="text/css">   
</head>

<body>
  {include file='body_hooks.html'}

  <div class="container">

    <section class="row">

        <form action="/banco-imagenes/imagenes/save/" method="POST" enctype="multipart/form-data">

            <select name="usuario">
            {foreach from=$usuarios item=usuario}
            <option value="{$usuario->id}">{$usuario->nombre}</option>
            {/foreach}
            </select>

            {foreach from=$tags item=tag}
            <p>
                <input id="tag{$tag->id}" type="checkbox" name="tags[]" value="{$tag->id}">
                <label for="tag{$tag->id}">{$tag->descripcion}</label>
            </p>
            {/foreach}

            <label for="archivo">Archivo</label>
            <input name="archivo" type="file" />

<!--
    <div id="demo"></div>
    <ul id="separate-list"></ul>
-->            
            <label>Descripcion</label>
            <input name="descripcion" type="text" value="" />
            
            <button type="submit">Guardar</button>
        </form>


    </section>
    <!-- row -->

    {include file='footer.html'}

  </div> <!-- /container -->

  {include file='footer_scripts.html'}

<!--
    <script src="assets/js/libs/fine-uploader/fileuploader.js" type="text/javascript"></script>
    <script>        
        function createUploader(){            
            var uploader = new qq.FileUploader({
                element: document.getElementById('demo'),
                listElement: document.getElementById('separate-list'),
                action: 'imagenes/upload/'
            });           
        }        
        window.onload = createUploader;     
    </script>    
-->
</body>

</html>
